import React from 'react';
import { Carousel } from 'antd';
const contentStyle = {
    margin: '0 auto',
    height: '360px',
    color: '#fff',
    lineHeight: '160px',
    textAlign: 'center',
    background: 'black',
};
const App = () => {
    const onChange = currentSlide => {
        console.log(currentSlide);
    };
    return (
        <Carousel afterChange={onChange} arrows  style={{
            width: '80%',margin:"auto",
        }}>
            <div>
                <h3 style={contentStyle}>1</h3>
            </div>
            <div>
                <h3 style={contentStyle}>2</h3>
            </div>
            <div>
                <h3 style={contentStyle}>3</h3>
            </div>
            <div>
                <h3 style={contentStyle}>4</h3>
            </div>
        </Carousel>
    );
};
export default App;